<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>购物车</title>
	<link rel="stylesheet" type="text/less" href="./style/main.less" />
	<link rel="stylesheet" href="./style/bootstrap.min.css" />
	<link rel="stylesheet" href="./style/font-awesome.min.css">
	<script type="text/javascript" src="./js/less-1.7.5.min.js"></script>
	<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="./js/main.js"></script>	
</head>
<body>
<!-- 头部开始 -->
<div id="top" style="margin-bottom: 120px;">
	<div class="nav">
		<div class="left">
			<a href="">小米网</a>
			<span>|</span>
			<a href="">MIUI</a>
			<span>|</span>
			<a href="">米聊</a>
			<span>|</span>
			<a href="">游戏</a>
			<span>|</span>
			<a href="">多看阅读</a>
			<span>|</span>
			<a href="">云服务</a>
			<span>|</span>
			<a href="">小米网移动版</a>
		</div>
		<div class="right">
			<a href="">登录</a>
			<span>|</span>
			<a href="">注册</a>
		</div>
	</div>
	<div class="logo">
		<a href=""><img src="./images/logo.png" alt="" /></a>
	</div>
</div>
<!-- 头部结束 -->
<!-- 购物车开始 -->
<div id="cart" >
	<h1>我的购物车 <span>在线支付全场满¥150免运费</span></h1>
	<div class="null" style="display:none;">
		<p>你的购物车还是空的赶紧行动吧！<a href="">马上去购物</a></p>
		<img src="./images/Cart-empty.jpg" alt="" />
	</div>
	<table>
		<tr>
			<td width="800px" style="text-align:left;">商品</td>
			<td width="100px">单价</td>
			<td width="200px">数量</td>
			<td width="100px">小计</td>
			<td width="100px">操作</td>
		</tr>
		<tr>
			<td style="text-align:left;">
				<div class="goods">
					<img src="./images/car_goods.jpg" alt="" />
					<h3>清水软胶保护套 黄色</h3>
					<p>适配机型： 红米1S/红米</p>
				</div>
			</td>
			<td>39元</td>
			<td><input type="text" value="1" /></td>
			<td>39元</td>
			<td><a href="" class="fa fa-times"></a></td>
		</tr>
		<tr>
			<td style="text-align:left;">
				<div class="goods">
					<img src="./images/car_goods.jpg" alt="" />
					<h3>清水软胶保护套 黄色</h3>
					<p>适配机型： 红米1S/红米</p>
				</div>
			</td>
			<td>39元</td>
			<td><input type="text" value="1" /></td>
			<td>39元</td>
			<td><a href="" class="fa fa-times"></a></td>
		</tr>
		<tr>
			<td style="text-align:left;">
				<div class="goods">
					<img src="./images/car_goods.jpg" alt="" />
					<h3>清水软胶保护套 黄色</h3>
					<p>适配机型： 红米1S/红米</p>
				</div>
			</td>
			<td>39元</td>
			<td><input type="text" value="1" /></td>
			<td>39元</td>
			<td><a href="" class="fa fa-times"></a></td>
		</tr>
	</table>
	<div class="total_out">
		<p class="total">商品总计: <span>39元</span></p>
	</div>
	<div class="total_out">
		<p class="next">
			<a class="continue" href="">继续购物</a>
			<a class="pay" href="">去结帐</a>
		</p>
	</div>
</div>
<!-- 购物车结束 -->
<!-- // 服务样式开始 -->
<div id="footer">
	<ul class="serve">
		<li>
			<a href="">
				<i class="fa fa-wrench fa-2x"></i>
				<span>1小时快修服务</span>
			</a>
		</li>
		<li>
			<a href="">
				<i class="fa fa-history fa-2x"></i>
				<span>7天无理由退货</span>
			</a>
		</li>
		<li>
			<a href="">
				<i class="fa fa-refresh fa-2x"></i>
				<span>15天免费换货</span>
			</a>
		</li>
		<li>
			<a href="">
				<i class="fa fa-gift fa-2x"></i>
				<span>满150元包邮</span>
			</a>
		</li>
		<li>
			<a href="">
				<i class="fa fa-phone-square fa-2x"></i>
				<span>460余家售后网点</span>
			</a>
		</li>
	</ul>
	<div class="other">
		<dl>
			<dt>帮助中心</dt>
			<dd><a href="">购物指南</a></dd>
			<dd><a href="">支付方式</a></dd>
			<dd><a href="">配送方式</a></dd>
		</dl>
		<dl>
			<dt>帮助中心</dt>
			<dd><a href="">购物指南</a></dd>
			<dd><a href="">支付方式</a></dd>
			<dd><a href="">配送方式</a></dd>
		</dl>
		<dl>
			<dt>帮助中心</dt>
			<dd><a href="">购物指南</a></dd>
			<dd><a href="">支付方式</a></dd>
			<dd><a href="">配送方式</a></dd>
		</dl>
		<dl>
			<dt>帮助中心</dt>
			<dd><a href="">购物指南</a></dd>
			<dd><a href="">支付方式</a></dd>
			<dd><a href="">配送方式</a></dd>
		</dl>
		<dl>
			<dt>帮助中心</dt>
			<dd><a href="">购物指南</a></dd>
			<dd><a href="">支付方式</a></dd>
			<dd><a href="">配送方式</a></dd>
		</dl>
		<div class="phone">
			<p class="phones">400-100-5678</p>
			<p class="time">国庆假期 9:00 - 18:00 </p>
			<p class="data">（10月1日 - 7日）</p>
			<a class="hours">24不时在线客服</a>
		</div>
	</div>
	<p class="copyright">©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0059-0009号</p>
</div>
<!-- // 服务样式结束 -->
</body>
</html>